<template>
  <div class="flex flex-col justify-center items-center h-full">
    <svg
      version="1.1"
      width="298px"
      height="130px"
      viewBox="0 0 298.0 130.0"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      class="w-[447px] h-[195px]"
    >
      <defs>
        <clipPath id="i0"><path d="M1920,0 L1920,1080 L0,1080 L0,0 L1920,0 Z"></path></clipPath>
        <clipPath id="i1">
          <path d="M30.7236593,0 L30.7236593,25.8220833 L0,25.8220833 L0,0 L30.7236593,0 Z"></path>
        </clipPath>
        <linearGradient
          id="i2"
          x1="15.3588328px"
          y1="0.848854166px"
          x2="15.3588328px"
          y2="27.5741667px"
          gradientUnits="userSpaceOnUse"
        >
          <stop stop-color="#7C8083" offset="0%"></stop>
          <stop stop-color="rgba(121, 126, 130, 0.95)" offset="14%"></stop>
          <stop stop-color="rgba(116, 119, 124, 0.83)" offset="33%"></stop>
          <stop stop-color="rgba(107, 110, 115, 0.62)" offset="55%"></stop>
          <stop stop-color="rgba(94, 97, 103, 0.33)" offset="78%"></stop>
          <stop stop-color="rgba(79, 83, 88, 0)" offset="100%"></stop>
        </linearGradient>
        <clipPath id="i3">
          <path d="M83.3123028,0 L83.3123028,70.0229167 L0,70.0229167 L0,0 L83.3123028,0 Z"></path>
        </clipPath>
        <linearGradient
          id="i4"
          x1="41.6561514px"
          y1="2.29885417px"
          x2="41.6561514px"
          y2="74.7746872px"
          gradientUnits="userSpaceOnUse"
        >
          <stop stop-color="#B8BDC6" offset="0%"></stop>
          <stop stop-color="rgba(186, 191, 200, 0.97)" offset="11%"></stop>
          <stop stop-color="rgba(191, 195, 204, 0.88)" offset="26%"></stop>
          <stop stop-color="rgba(200, 204, 211, 0.74)" offset="42%"></stop>
          <stop stop-color="rgba(211, 215, 222, 0.55)" offset="61%"></stop>
          <stop stop-color="rgba(227, 229, 235, 0.3)" offset="80%"></stop>
          <stop stop-color="rgba(245, 246, 250, 0)" offset="100%"></stop>
        </linearGradient>
        <clipPath id="i5"><path d="M83.3123028,0 L83.3123028,3.625 L0,3.625 L0,0 L83.3123028,0 Z"></path></clipPath>
        <clipPath id="i6">
          <path d="M1.49842271,0 L1.49842271,1.51041667 L0,1.51041667 L0,0 L1.49842271,0 Z"></path>
        </clipPath>
        <clipPath id="i7">
          <path d="M1.49842271,0 L1.49842271,1.51041667 L0,1.51041667 L0,0 L1.49842271,0 Z"></path>
        </clipPath>
        <clipPath id="i8">
          <path d="M116.876972,0 L116.876972,66.15625 L0,66.15625 L0,0 L116.876972,0 Z"></path>
        </clipPath>
        <clipPath id="i9">
          <path d="M1.78012618,0 L1.78012618,1.794375 L0,1.794375 L0,0 L1.78012618,0 Z"></path>
        </clipPath>
        <clipPath id="i10">
          <path d="M0.332649842,0 L11.6547319,2.664375 L11.6187697,2.7278125 L0,0.0120833333 L0.332649842,0 Z"></path>
        </clipPath>
        <clipPath id="i11">
          <path d="M11.322082,0 L11.6547319,0.0120833333 L0.0389589905,2.7278125 L0,2.664375 L11.322082,0 Z"></path>
        </clipPath>
        <clipPath id="i12">
          <path d="M37.6403785,0 L37.6403785,18.4270833 L0,18.4270833 L0,0 L37.6403785,0 Z"></path>
        </clipPath>
        <clipPath id="i13">
          <path d="M41.548265,0 L44.8388013,10.8629167 L0,10.8629167 L3.90788644,0 L41.548265,0 Z"></path>
        </clipPath>
        <clipPath id="i14">
          <path d="M2.43655789,0 L2.43643539,8.83899216 L0,8.83899216 L0.000122501998,0 L2.43655789,0 Z"></path>
        </clipPath>
        <clipPath id="i15">
          <path d="M0,0 L2.44451327,0.00960646879 L2.47908711,8.81949216 L0.0345738348,8.80988569 L0,0 Z"></path>
        </clipPath>
        <clipPath id="i16">
          <path
            d="M2.47919003,0 L2.44457702,8.80965626 L0,8.81927361 L0.0346130113,0.00961735413 L2.47919003,0 Z"
          ></path>
        </clipPath>
      </defs>
      <g transform="translate(-24.0 -487.0)">
        <g clip-path="url(#i0)">
          <g transform="translate(24.0 487.0)">
            <g transform="translate(54.11210790219866 6.1107602613722065)">
              <g transform="translate(16.9699110252468 16.201739738627907)">
                <g transform="translate(0.1318611987381697 0.16916666666666735)">
                  <g clip-path="url(#i1)">
                    <polygon
                      points="0,0 30.7236593,0 30.7236593,25.8220833 0,25.8220833 0,0"
                      stroke="none"
                      fill="url(#i2)"
                      opacity="8.5%"
                    ></polygon>
                  </g>
                </g>
              </g>
              <g transform="translate(102.35003720821169 6.166531405294563)">
                <g opacity="50%">
                  <g clip-path="url(#i3)">
                    <polygon
                      points="0,0 83.3123028,0 83.3123028,70.0229167 0,70.0229167 0,0"
                      stroke="none"
                      fill="url(#i4)"
                      opacity="17%"
                    ></polygon>
                  </g>
                  <g clip-path="url(#i5)">
                    <polygon
                      points="0,0 83.3123028,0 83.3123028,3.625 0,3.625 0,0"
                      stroke="none"
                      fill="#FFFFFF"
                    ></polygon>
                  </g>
                  <g transform="translate(74.92113564668773 0.9968750000000028)">
                    <g clip-path="url(#i6)">
                      <polygon
                        points="0,0 1.49842271,0 1.49842271,1.51041667 0,1.51041667 0,0"
                        stroke="none"
                        fill="#E1E3EA"
                      ></polygon>
                    </g>
                  </g>
                  <g transform="translate(77.66924290220823 0.9968750000000028)">
                    <g clip-path="url(#i6)">
                      <polygon
                        points="0,0 1.49842271,0 1.49842271,1.51041667 0,1.51041667 0,0"
                        stroke="none"
                        fill="#E1E3EA"
                      ></polygon>
                    </g>
                  </g>
                  <g transform="translate(80.41735015772872 0.9968750000000028)">
                    <g clip-path="url(#i7)">
                      <polygon
                        points="0,0 1.49842271,0 1.49842271,1.51041667 0,1.51041667 0,0"
                        stroke="none"
                        fill="#E1E3EA"
                      ></polygon>
                    </g>
                  </g>
                </g>
              </g>
              <g transform="translate(87.03412523116731 0.0)">
                <path
                  d="M102.634997,50.0350731 C92.0801076,44.5975731 82.7389404,46.1472606 85.1214325,59.2455939 C87.5039246,72.3439272 86.3741139,83.4515314 76.3107069,81.6450731 C66.2473,79.8386147 56.1868899,55.2067397 54.5206438,35.5350731 C52.8543978,15.8634064 19.4605492,-10.8619061 4.0627574,4.63194807 C4.0627574,4.63194807 -0.399545436,10.1268439 0.0290034597,20.2164272"
                  stroke="#0077FF"
                  stroke-width="0.75"
                  fill="none"
                  stroke-miterlimit="10"
                  stroke-dasharray=" 4.0 4.0"
                ></path>
              </g>
              <g transform="translate(37.120699668779714 25.56632307196127)">
                <path
                  d="M116.876972,74.0647917 L116.876972,0 L0,0 L0,74.0647917 L55.5255521,74.0647917 L55.5255521,87.1027083 L37.5804416,87.1027083 C36.8190901,87.1027083 36.2018927,87.7248459 36.2018927,88.4922917 C36.2018927,89.2597374 36.8190901,89.881875 37.5804416,89.881875 L79.605205,89.881875 C80.0977132,89.881875 80.5528094,89.6170219 80.7990635,89.1870833 C81.0453175,88.7571447 81.0453175,88.2274386 80.7990635,87.7975 C80.5528094,87.3675614 80.0977132,87.1027083 79.605205,87.1027083 L61.6630915,87.1027083 L61.6630915,74.0647917 L116.876972,74.0647917 Z"
                  stroke="#B8BCC1"
                  stroke-width="1"
                  fill="none"
                  stroke-linejoin="round"
                ></path>
              </g>
              <g transform="translate(37.120699668779714 25.517989738627875)">
                <g clip-path="url(#i8)">
                  <polygon
                    points="0,0 116.876972,0 116.876972,66.15625 0,66.15625 0,0"
                    stroke="none"
                    fill="#FBFDFF"
                  ></polygon>
                </g>
                <polygon
                  points="0,0 116.876972,0 116.876972,66.15625 0,66.15625 0,0 0,0"
                  stroke="#B8BCC1"
                  stroke-width="1"
                  fill="none"
                  stroke-miterlimit="10"
                ></polygon>
              </g>
              <g transform="translate(42.4790592902309 32.9794480719612)">
                <path
                  d="M0,0.151041667 L107.287066,0.151041667"
                  stroke="#B8BCC1"
                  stroke-width="1"
                  fill="none"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                ></path>
              </g>
              <g transform="translate(144.74041575710726 28.390802238627884)">
                <g clip-path="url(#i9)">
                  <polygon
                    points="0,0 1.78012618,0 1.78012618,1.794375 0,1.794375 0,0"
                    stroke="none"
                    fill="#B8BCC1"
                  ></polygon>
                </g>
              </g>
              <g transform="translate(141.4828447791897 28.390802238627884)">
                <g clip-path="url(#i9)">
                  <polygon
                    points="0,0 1.78012618,0 1.78012618,1.794375 0,1.794375 0,0"
                    stroke="none"
                    fill="#B8BCC1"
                  ></polygon>
                </g>
              </g>
              <g transform="translate(148.00398042587676 28.390802238627884)">
                <g clip-path="url(#i9)">
                  <polygon
                    points="0,0 1.78012618,0 1.78012618,1.794375 0,1.794375 0,0"
                    stroke="none"
                    fill="#B8BCC1"
                  ></polygon>
                </g>
              </g>
              <g transform="translate(181.2634542147307 56.5847633846729)">
                <path
                  d="M3.94935902,0.615726354 C5.81040003,3.07468469 3.05030539,5.85687219 0.610873214,3.98395552 L0.610873214,3.98395552 C-1.2501678,1.52197635 1.50992684,-1.26021115 3.94935902,0.615726354 Z"
                  stroke="#B8BCC1"
                  stroke-width="1"
                  fill="none"
                  stroke-linejoin="round"
                ></path>
              </g>
              <g transform="translate(114.15461134070392 61.50517723862788)">
                <g clip-path="url(#i10)">
                  <polygon
                    points="0,0 11.6547319,0 11.6547319,2.7278125 0,2.7278125 0,0"
                    stroke="none"
                    fill="#B8BDC6"
                  ></polygon>
                </g>
                <polygon
                  points="0,0.0120833333 11.6187697,2.7278125 11.6547319,2.664375 0.332649842,0 0,0.0120833333 0,0.0120833333"
                  stroke="#9398A0"
                  stroke-width="1"
                  fill="none"
                  stroke-linejoin="round"
                ></polygon>
              </g>
              <g transform="translate(65.31202458991538 61.50517723862788)">
                <g clip-path="url(#i11)">
                  <polygon
                    points="0,0 11.6547319,0 11.6547319,2.7278125 0,2.7278125 0,0"
                    stroke="none"
                    fill="#B8BDC6"
                  ></polygon>
                </g>
                <polygon
                  points="11.6547319,0.0120833333 0.0389589905,2.7278125 0,2.664375 11.322082,0 11.6547319,0.0120833333 11.6547319,0.0120833333"
                  stroke="#9398A0"
                  stroke-width="1"
                  fill="none"
                  stroke-linejoin="round"
                ></polygon>
              </g>
              <g transform="translate(76.85587317035697 61.51726057196129)">
                <g clip-path="url(#i12)">
                  <polygon
                    points="0,0 37.6403785,0 37.6403785,18.4270833 0,18.4270833 0,0"
                    stroke="none"
                    fill="#E8EBF2"
                  ></polygon>
                </g>
                <polygon
                  points="0,0 37.6403785,0 37.6403785,18.4270833 0,18.4270833 0,0 0,0"
                  stroke="#91969B"
                  stroke-width="1"
                  fill="none"
                  stroke-miterlimit="10"
                ></polygon>
              </g>
              <g transform="translate(72.94798673502555 61.51726057196129)">
                <g clip-path="url(#i13)">
                  <polygon
                    points="0,0 44.8388013,0 44.8388013,10.8629167 0,10.8629167 0,0"
                    stroke="none"
                    fill="#F0F6FF"
                  ></polygon>
                </g>
                <polygon
                  points="41.548265,0 3.90788644,0 0,10.8629167 44.8388013,10.8629167 41.548265,0 41.548265,0"
                  stroke="#91969B"
                  stroke-width="1"
                  fill="none"
                  stroke-miterlimit="10"
                ></polygon>
              </g>
              <g transform="translate(96.96207502637441 51.941657507881054) rotate(179.9)">
                <g clip-path="url(#i14)">
                  <polygon
                    points="-1.8189894e-12,0 2.43655789,0 2.43655789,8.83899216 -1.8189894e-12,8.83899216 -1.8189894e-12,0"
                    stroke="none"
                    fill="#0077FF"
                  ></polygon>
                </g>
              </g>
              <g transform="translate(103.59739048779879 55.11233458090213) rotate(-139.94)">
                <g clip-path="url(#i15)">
                  <polygon
                    points="0,9.09494702e-13 2.47908711,9.09494702e-13 2.47908711,8.81949216 0,8.81949216 0,9.09494702e-13"
                    stroke="none"
                    fill="#0077FF"
                  ></polygon>
                </g>
              </g>
              <g transform="translate(82.20838058202025 48.41089926230278) rotate(-40.24999999999999)">
                <g clip-path="url(#i16)">
                  <polygon
                    points="0,0 2.47919003,0 2.47919003,8.81927361 0,8.81927361 0,0"
                    stroke="none"
                    fill="#0077FF"
                  ></polygon>
                </g>
              </g>
              <g transform="translate(21.603034053637202 78.62121890529454)">
                <path
                  d="M1.38753943,2.79729167 C2.1538563,2.79729167 2.77507886,2.1710966 2.77507886,1.39864583 C2.77507886,0.626195069 2.1538563,0 1.38753943,0 C0.621222564,0 0,0.626195069 0,1.39864583 C0,2.1710966 0.621222564,2.79729167 1.38753943,2.79729167 Z"
                  stroke="#B8BCC1"
                  stroke-width="1"
                  fill="none"
                  stroke-linejoin="round"
                ></path>
              </g>
              <g transform="translate(0.0 30.41778140529459)">
                <path
                  d="M91.7442012,0 C97.2344221,7.17145833 105.259974,22.65625 65.9413621,16.439375 C50.0580814,13.9260417 14.4465672,4.93604167 5.30618863,12.3310417 C-4.3406568,20.1398958 2.11454825,27.2569792 2.11454825,27.2569792"
                  stroke="#0077FF"
                  stroke-width="0.75"
                  fill="none"
                  stroke-miterlimit="10"
                  stroke-dasharray=" 4.0 4.0"
                ></path>
              </g>
              <g transform="translate(1.2994062933848909 57.789552238627834)">
                <path
                  d="M2.28059937,4.59770833 C3.54013961,4.59770833 4.56119874,3.56847628 4.56119874,2.29885417 C4.56119874,1.02923205 3.54013961,0 2.28059937,0 C1.02105912,0 0,1.02923205 0,2.29885417 C0,3.56847628 1.02105912,4.59770833 2.28059937,4.59770833 Z"
                  stroke="#0077FF"
                  stroke-width="0.75"
                  fill="none"
                  stroke-miterlimit="10"
                  stroke-dasharray=" 4.0 4.0"
                ></path>
              </g>
            </g>
          </g>
        </g>
      </g>
    </svg>
  </div>
</template>
